<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>zhihu-followingQuestions</title>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/vue/2.5.21/vue.min.js"></script>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script>
</head>
<body>
<div class="card" id="followingQuestions">
    <div class="card-body">
        <table class="table table-bordered" >
            <tr v-for="followingQuestion in followingQuestions">
                <td><a :href="followingQuestion.url" target="_blank">{{ followingQuestion.title }}</a></td>
            </tr>
        </table>

    </div>

</div>

<script>


    let app = new Vue({
        el: '#followingQuestions',
        data: {
            followingQuestions: [],

        },
        methods: {

        },
        created: function () {
            this.$http.get('zhihu/followingQuestions',{
                headers:{

                }
            }).then(function(data){
                this.followingQuestions=data.body
            })
        }
    })
</script>
</body>
</html>